<label class="el-switch" [class.is-disabled]="disabled" [class.el-switch--wide]="hasText" [class.is-checked]="model">
    <div class="el-switch__mask" *ngIf="disabled"></div> 
    <input class="el-switch__input" type="checkbox" [name]="name"
        [disabled]="disabled" [ngModel]="model" (ngModelChange)="changeHandle($event)">
    <div class="el-switch__label el-switch__label--left" [class.is-active]="!model"
        *ngIf="inactiveText || inactiveIconClass"> 
        <i [class]="inactiveIconClass" *ngIf="inactiveIconClass"></i> 
        <span *ngIf="!inactiveIconClass">{{ inactiveText }}</span> 
    </div> 
    <span class="el-switch__core" [style]="coreStyles"> 
        <span class="el-switch__button" [style]="iconTransform"></span> 
    </span>
    <div class="el-switch__label el-switch__label--right" [class.is-active]="model"
        *ngIf="activeText || activeIconClass"> 
        <i [class]="activeIconClass" *ngIf="activeIconClass"></i> 
        <span *ngIf="!activeIconClass">{{ activeText }}</span> 
    </div>
</label>